<template>
  <div class="card">
    <div class="card-body">
      <el-tabs v-model="activeName">
        <el-tab-pane label="部门管理" name="dept">
          <dept-cmpt></dept-cmpt>
        </el-tab-pane>
        <el-tab-pane label="员工权限管理" name="staff">
          <staff-cmpt></staff-cmpt>
        </el-tab-pane>
        <el-tab-pane label="业务分组" v-if="isprovince" name="array">
          <staff-group></staff-group>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
import DeptCmpt from './Dept'
import StaffCmpt from './Staff'
import staffGroup from './StaffGroup'
import { mapGetters } from 'vuex'
export default {
  components: {
    DeptCmpt,
    StaffCmpt,
    staffGroup,
  },
  props: {},
  data() {
    return {
      activeName: 'dept',
    }
  },
  computed: {
    ...mapGetters(['user']),
    isprovince() {
      return +this.user.orgRegionLever === 1
    },
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>
<style scoped></style>
